<!DOCTYPE html>
<html lang="zh-hans">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<title>安全中心</title>
<link rel="stylesheet" href="__TEMPLATE__/webfile/layer.css" id="layui_layer_skinlayercss">
<link rel="stylesheet" href="__TEMPLATE__/webfile/main.css">
<script src="__TEMPLATE__/sysme/js/jquery-1.9.1.min.js"></script>
<title>安全中心</title>
<style type="text/css">
.box_container .title {
    height: 32px;
    line-height: 32px;
    color: #333;
    border-bottom: 1px Solid #ccc;
    font-family: "Microsoft Yahei";
}

.box_container .title .title_table {
    width: 100%;
    border-collapse: collapse;
}
.box_container .title .title_table td {
    font-size: 14px;
}
.editor {
    width: 200px;
    height: 24px;
    line-height: 24px;
    box-sizing: border-box;
    padding-left: 10px;
    outline: none;
}
.btn_search {
    width: 100px;
    height: 24px;
    line-height: 24px;
    background: red;
    color: #fff;
    display: inline-block;
    text-align: center;
    text-decoration: none;
}
.btn_search:hover{color:#fff;text-decoration: underline;}
.box_container .menu {
    box-sizing: border-box;
    height: 44px;
    padding: 8px 0px 8px 0px;
    white-space: nowrap;
    overflow: hidden;
}
.box_container .menu .item_1 {
    padding-left: 10px;
    width: 140px;
    float: left;
    font-size: 14px;
    font-family: "Microsoft Yahei";
}
.box_container .menu .item_1 .select_game {
    width: 80px;
    height: 24px;
    line-height: 24px;
}
.box_container .menu .item_2 {
    width: 270px;
    float: left;
    font-size: 14px;
    font-family: "Microsoft Yahei";
}
.check_box.active {
    border: 1px Solid red;
    color: red;
}


.check_box {
    width: auto;
    height: 24px;
    line-height: 24px;
    padding: 0px 10px 0px 10px;
    color: #999;
    display: inline-block;
    border: 1px Solid #ccc;
    cursor: pointer;
    font-size: 14px;
}

#touzhu_log_table {
    height: 544px;
}

.ex_custom_table {
    width: 100%;
    border-collapse: collapse;
}
.ex_custom_table thead tr {
    height: 30px;
    background: #dddddd;
}

.ex_custom_table td:first-child {
    border-left: 0px;
}

.ex_custom_table td:first-child {
    border-left: 0px;
}


.ex_custom_table thead td {
    color: #DD3333;
    text-align: center;
    font-size: 12px;
    font-family: "Microsoft Yahei";
    font-weight: bold;
    text-shadow: #FFFFFF 0px 1px 0px;
}

.ex_custom_table td {
    border: 1px Solid #ccc;
    color: #333;
    font-size: 12px;
    font-family: "Microsoft Yahei";
}

.ex_custom_table td:last-child {
    border-right: 0px;
}

.ex_custom_table td:last-child {
    border-right: 0px;
}

.ex_custom_table tbody tr {
    height: 30px;
    background: #ffffff;
}



.ex_custom_table td:first-child {
    border-left: 0px;
}



.ex_custom_table tbody tr td {
    text-align: center;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


</style>

</head>
<body cz-shortcut-listen="true">
<div class="header">
	<div class="main main_btm_border">
		<div class="left logo">
			<a href="{:url('index/home')}" class="logo-link" id=""><span class="logo_image"></span>
			<style>
.logo_image{background-image:url(__ATTACHMENT__/{$logo.logoimg})!important}
			</style>
			</a>
		</div>
		<div class="right login_and_userinfo_1">
			<div class="login_header">
				<span class="welcome"></span>
				<div class="mobile_download" style="cursor:pointer">
					<i class="iconfont"></i><i class="iconfont"></i><span class="">手机app下载</span>
				</div>
			</div>
		</div>
	</div>
</div>
<div id="model_2" class="model_2" style="display:none">
	<div class="model_header">
		<h1>温馨提醒</h1>
	</div>
	<div class="model_body">
		<span id="model_content"></span>
	</div>
	<div class="foot_succ">
		<a onclick="jQuery.modal.close()" class="btn btn-default btn-radius">确定</a>
	</div>
</div>
<div class="main usercenter">
	<div class="user_usersafe">
		<div class="user_menu left">
			<h2>会员中心</h2>
			<ul>
				<li><i class="iconfont"></i><a href="{:url('user/index')}">个人中心</a></li>
				<li><i class="iconfont"></i><a class="user_goto_finance" href="{:url('user/recharge')}">财务中心</a></li>
				<li><i class="iconfont"></i><a href="{:url('user/callRecord')}">交易记录</a></li>
				<!-- 	<li><i class="iconfont"></i><a href="{:url('user/detail')}">详细设定</a></li> -->
				<li><i class="iconfont"></i><a href="{:url('user/peilvdetail')}">赔率详情</a></li>
				<li><i class="iconfont"></i><a href="{:url('user/message')}">信息公告</a></li>
				 <li><i class="iconfont"></i><a href="{:url('user/djsm')}">等级说明</a></li>
			</ul>
			
			<h2>代理中心</h2>
			<ul>
			
				<li><i class="iconfont"></i><a class="user_goto_finance" href="{:url('user/dlCentent')}">代理说明</a></li>
				{if($f.dl==1)}
				<li><i class="iconfont"></i><a href="{:url('user/dailibaobiao')}">代理报表</a></li>
				<li><i class="iconfont"></i><a href="{:url('user/xiajibaobiao')}">下级报表</a></li> 
				<li><i class="iconfont"></i><a href="{:url('user/xiajikaihu')}">下级开户</a></li>
				<!--<li><i class="iconfont"></i><a href="{:url('user/xiajiguanli')}">下级管理</a></li>-->
				<li class="hover"><i class="iconfont"></i><a href="{:url('user/touzhumingxi')}">投注明细</a></li>
				<li><i class="iconfont"></i><a href="{:url('user/jiaoyimingxi')}">交易明细</a></li>
				{else/}
				{if($open==1)}
				<li><i class="iconfont"></i><a href="{:url('user/shenqing')}">代理申请</a></li>{/if}
				{/if}
			</ul>
		</div>
		
		<div style="width: 820px;border: 1px solid #999999;margin-left: 175px;padding-top: 10px;height: 605px;" class="box_container">
			
			<div class="title">
                <table class="title_table">
                    <tbody>
                    <form action="" method="post" id="search_form">
                    <tr>
                        <td width="10%">&nbsp;下级查询:</td>
                        <td width="30%" style="text-align: left;"><input class="editor username" type="text" name="user" value="{$user}" placeholder="请输入下级的帐号..."></td>
                        <td><a class="btn_search" href="javascript:;" onclick="document:search_form.submit();">查询</a></td>
                        <td><a class="btn_search" style="float:right;margin-right:10px;" href="javascript:;" onClick="window.history.go(-1);">返回</a></td>
                    </tr>
                    </form>
                </tbody></table>
            </div>
			
			<div class="menu">
			<form action='' method="post"  id="myform">
                <div class="item_1">彩种:
                    <select class="select_game" onchange="submitForm();" name="caizhong">
                        <option value="0" {if($caip==0)}selected{/if}>--全部--</option>
                        {foreach ($caizhong as $val)}
                        <option value="{$val.id}" {if($val['id']==$caip)}selected{/if}>{$val.cp_name_new?$val.cp_name_new:$val.cp_name_old}</option>
                        {/foreach}
                    </select>
                </div>
			</form>
			<script>
			function submitForm(){
			    var form = document.getElementById("myform");
			    form.submit();
			}
			</script>
                <div class="item_2">时间:近一周记录
                </div>

                <div class="item_3">状态:
                    <div data-id="1" class="check_box {if($kj==1 || $kj=='')}active{/if}">全部</div>
                    <div data-id="2" class="check_box {if($kj==2)}active{/if}">已中奖</div>
                    <div data-id="3" class="check_box {if($kj==3)}active{/if}">未中奖</div>
                </div>
            </div>
            
            <div class="content" id="touzhu_log_table" style="overflow: auto;">
            	<div class="ex_page" style="padding-bottom: 50px;">
            		<table class="ex_custom_table">
            			<thead>
            				<tr>
            					<td>账号</td>
            					<td width="80">彩种</td>
            					<td width="110">玩法</td>
            					<td width="110">期号</td>
            					<td width="160">投注时间</td>
            					<td width="80">投注金额</td>
            					<td width="80">状态</td>
            				</tr>
            			</thead>
            			<tbody>
            			{foreach($touzhu as $key=>$item)}
            			{if($key<($page*$limit) && $key>=(($page-1)*$limit))}
            				<tr>
            					<td>{$item.username}</td>
            					<td width="80">{$item.cp_name_new?$item.cp_name_new:$item.cp_name_old}</td>
            					<td width="110">{$item.class_name_mini}</td>
            					<td width="110">{$item.qihao}</td>
            					<td width="160">{$item.tz_time|date='Y-m-d H:i:s',###}</td>
            					<td width="80">{$item.tzje}</td>
            					<td width="80">{$item.status}</td>
            				</tr>
            			{/if}
            			{/foreach}
            			
            			</tbody>
            		</table>
            		<div>
           					<div style="float:left; width:65%;margin-top:20px;margin-left:10px;">共{$zys}页， {$count}笔，当前第：{$page}页</div>
							<div style="float:right; width:15%;margin-top:20px;">
							<a href="{:url('user/touzhumingxi')}?page={$page-1}&user={$user}&day={$day}&kj={$kj}">上一页</a>
									<a href="{:url('user/touzhumingxi')}?page={$page+1}&user={$user}&day={$day}&kj={$kj}" style="margin-left:10px">下一页</a>
           					</div>
           				</div>
            	</div>
            </div>
			
           	</div>
           </div>
		</div>
		
		
	</div>
</div>

</body>
</html>

<script type="text/javascript">
	$(".item_2").children('div').click(function(){
		var a=$(this).attr("data-id");	
		window.location.href="{:url('user/touzhumingxi')}?day="+a+"&kj={$kj}";
		
	})
	
	$(".item_3").children('div').click(function(){
		var a=$(this).attr("data-id");
		window.location.href="{:url('user/touzhumingxi')}?kj="+a+"&day={$day}";
	})
</script>